<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 标签内存在的叫属性节点 (官方属性 + 用户自定义属性) -->
    <!-- 操作属性节点的方法:
         box.setAttribute(key,val) box.getAttribute(key) box.removeAttribute(key)
     -->
    <div id="box" class="one two three" title="hello" data-index="0" asd="asd"></div>
</body>
<script>
    var box = document.getElementById("box");


    // 元素节点的内置属性
    console.dir(box);
    // box.id
    // box.className
    // box.classList
    // box.title
    // box.dataset
    // box.tagName
    // box.innerHTML
    // box.innerText
    // box.textContent
    // box.style

</script>

</html>